﻿@using thousandClear.Areas.Admin.Models;

@model OrderModel
@{
    ViewBag.Title = "订单服务详情";
    Layout = "~/Areas/Admin/Views/Shared/_Admin.cshtml";
}

<div id="app">
    <div class="am-cf am-padding">
        <div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">后台管理</strong> / <small>@ViewBag.Title</small></div>
    </div>

    <div class="am-g">
        <div class="am-g">
            <div class="am-u-sm-12" style="overflow:auto;">
                <table class="am-table am-table-striped am-table-hover table-main" style="width:1000px;">
                    <thead>
                        <tr>
                            <th>下单人姓名</th>
                            <th>联系电话</th>
                            <th>房屋面积</th>
                            <th>服务地址</th>
                            <th>服务开始时间</th>
                            <th>服务结束时间</th>
                            <th>服务时间段</th>
                            
                        </tr>
                    </thead>
                    <tbody>
                        <tr>

                            <td>@Model.oasName</td>
                            <td>@Model.osaPhone</td>
                            <td>@Model.area</td>
                            <td>@Model.oasAddressDetail</td>
                            <td>@Model.startDay</td>
                            <td>@Model.endDay</td>
                            <td>@Model.osaTimeslot</td>
                           
                        </tr>
                    </tbody>
                    <tbody>
                        <tr>
                            <td colspan="7" style="font-weight:bolder;">专项项目</td>
                        </tr>
                    </tbody>
                    <tbody>
                        <tr>
                            <td colspan="7">
                            @Model.SignDetail</td>
                        </tr>
                    </tbody>
                </table>
                <table class="am-table am-table-striped am-table-hover table-main">
                    <thead>
                        <tr>
                            <th>日常二维码</th>
                            <th>专项二维码</th>
                        </tr>
                        <tr>
                            <td>
                                <div class="qrcode_box" style="padding: 10px 0px;">
                                    <div id="qrcode" style="position: relative;">
                                    </div>
                                </div>
                            </td>
                            <td>
                                <div class="qrcode_box" style="padding: 10px 0px;">
                                    <div id="qrcode1" style="position: relative;">
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </thead>
                </table>
                <table class="am-table am-table-striped am-table-hover table-main">
                    <thead>
                        <tr>
                            <th>服务名称</th>
                            <th>服务日期</th>
                            <th>服务管家</th>
                            
                        </tr>
                    </thead>
                    <tbody>
                        @foreach (var i in ViewBag.tlog)
                        {
                            <tr>
                                <td>@i.dimDesc</td>
                                <td>@i.CreatedDate</td>
                                <td>@i.oatName</td>
                               
                            </tr>
                        }
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<script src="~/Scripts/qrcode.js" type="text/javascript"></script>
<script>

    window.onload = function () {
        var qrcode = new QRCode(document.getElementById("qrcode"), {
            width: 96, //设置宽高
            height: 96
        });
        qrcode.makeCode("http://www.qianjing-china.com/thousandClear/admin/Service?order=" +@Model.TOID +"&i=1");
        var qrcode1 = new QRCode(document.getElementById("qrcode1"), {
            width: 96, //设置宽高
            height: 96
        });
        qrcode1.makeCode("http://www.qianjing-china.com/thousandClear/admin/Service?order=" +@Model.TOID +"&i=2");
    }
</script>